<template>
  <div class="footer">
    <em>for more information  please call 7890734</em>
   <div class="linefather">

     <hr class="line" >
   </div>
    <div class="words">
      <ul class="wordfather1" style="list-style: none">
        <li>Copyright © 2018 Apple Inc.&nbsp;all rights reserves .
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          tip1&nbsp;&nbsp;|&nbsp;&nbsp;
          tip2&nbsp;&nbsp;|&nbsp;&nbsp;
          tip2&nbsp;&nbsp;|&nbsp;&nbsp;
          tip2&nbsp;&nbsp;|&nbsp;&nbsp;
          tip2&nbsp;&nbsp;|&nbsp;&nbsp;
        </li>

      </ul>
      <ul class="wordfather2" style="list-style: none">
        <li>archer ,the website auther. <a href="#">join us!</a>
        </li>

      </ul>
    </div>
  </div>
</template>

<script>
    export default {
        name: "indexfooter"
    }
</script>

<style scoped lang="stylus">
  .footer
    width 100%
    font-size 5px
    line-height 10px
    margin-left 50px
    padding-right 100px
    margin-top 20px

    .linefather
      .line
        background grey
        height: 1px;
        border: none;








</style>
